<!--
 * @Author: your name
 * @Date: 2020-12-30 14:54:40
 * @LastEditTime: 2020-12-30 15:23:01
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \basiccss\data\list\list1.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
    <style>
        ul{
            list-style-type: none;
            /* list-style: circle inside; */
        }
        /*自定义列表样式*/
        ul li{
            /* list-style-image: url(desc.jpg); */
            /* list-style-image: radial-gradient(10px 10px,red,black); */
            /* list-style-image: linear-gradient(90deg,red,yellow);
            list-style-position: outside; */
            background: url(desc.jpg) no-repeat 0 6px;
            background-size: 10px 10px;
            list-style-position: inside;
            list-style: none;
            text-indent: 1em;
        }
    </style>
</head>
<body>
    <ul>
        <li>陈慧娴</li>
        <li>陈慧娴</li>
        <li>陈慧娴</li>
        <li>陈慧娴</li>
        <li>陈慧娴</li>
    </ul>
</body>
</html>
